import React, {PureComponent} from 'react';
import {Control} from 'react-keeper';
import {Flex, List} from 'antd-mobile';
import HeadNavBar from "Components/HeadNavBar";
import './index.less';

const Item = List.Item;
export default class Index extends PureComponent {

  bindLeftClick = () => {
    Control.go(-1);
  };

  render() {
    return (
      <div>
        {/*头部导航栏*/}
        <HeadNavBar
          title='账号信息'
          mode='light'
          icon='&#xe61a;'
          bindLeftClick={this.bindLeftClick}
        />
        <div style={{height: 53}}/>
        <Flex className='credits-flex'>
          <Flex.Item>
            <div>
              <span className='p1'>49785</span>
              <span>可用积分</span>
            </div>
          </Flex.Item>
          <Flex.Item>
            <div>
              <span className='p2'>49785</span>
              <span>待可用积分</span>
            </div>
          </Flex.Item>
          <Flex.Item>
            <div>
              <span className='p3'>49785</span>
              <span>即将过期</span>
            </div>
          </Flex.Item>
        </Flex>
        <List className='user-info-list'>
          <Item extra={'江死秒'}>姓名</Item>
          <Item extra={'183****7914'}>手机号码</Item>
        </List>
      </div>
    );
  }
}